<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>血压指导方案</title>
        <link rel="stylesheet" href="../../../assets/css/bootstrap.min.css" type="text/css">
        <link rel="stylesheet" href="../css/lib/bootstrap-table.min.css" type="text/css">
        <link rel="stylesheet" href="../css/lib/bootstrap-datetimepicker.min.css" type="text/css">
        <link rel="stylesheet" href="../../css/base/base.css">
        <link rel="stylesheet" href="css/headBase.css">
        <link rel="stylesheet" href="css/planBase.css">
        <script src="../../../assets/js/jquery-1.9.1.min.js"></script>
        <script src="../../../assets/js/bootstrap.min.js"></script>
        <script src="../js/lib/bootstrap-table.js"></script>
        <script src="../js/lib/bootstrap-table-zh-CN.js"></script>
        <script src="laydate/laydate.js"></script>

        <script src="../../echarts/echarts-all.js"></script>
        <script src="js/ChronicIndex.js" type="text/javascript"></script>
        <script src="js/Plan.js" type="text/javascript"></script>

</head>
<body>
<div class="wrap">
    <div class="header">
            <span class="logo">
                <img src="ChronicImg/logo.png" alt="美康医卫士">
            </span>
        <div class="loginUser">
            <span class="loginU">登录用户:</span>
            <span class="name">刘志峰</span>
        </div>

    </div>
    <div class="guidelines">
        <div class="guideTitle">
            <h4>血压指导方案</h4>
            <div class="print">打印</div>
        </div>
        <div class="guideContent">
            <label class="nameLabel">医生姓名:</label><input type="text" value="李昊峰" class="doctorName">
            <label class="numberLabel">设备序列号:</label><input type="text" value="1354963489635693" class="number">
            <label>执行周期:</label>
            <span class="startDate">2013-01-12</span>
            <span>~</span>
            <span class="endDate">2014-05-12</span>
            <input type="button" value="历史" class="btn btn-primary historyBtn" data-toggle="modal" data-target="#myModal">
            <!--<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-sm">Small modal</button>-->
        </div>
        <table class="msgTable">
            <tbody>
                <tr>
                    <td class="firstCol">用户信息</td>
                    <td>侯双喜,男，26岁</td>
                </tr>
                <tr>
                    <td class="firstCol">药物</td>
                    <td></td>
                </tr>
                <tr>
                    <td class="firstCol">膳食</td>
                    <td></td>
                </tr>
                <tr>
                    <td class="firstCol">运动</td>
                    <td></td>
                </tr>
                <tr>
                    <td class="firstCol">吸烟、饮酒</td>
                    <td></td>
                </tr>
                <tr>
                    <td class="firstCol">心理</td>
                    <td></td>
                </tr>
            </tbody>
        </table>
        <table class="BloodTabel">
            <thead>
            <tr>
                <th><p>晨峰血压</p><p>(6:00~6:30)</p></th>
                <th>药后血压</p><p>(9:00~9:30)</th>
                <th>睡前血压</p><p>(20:00~22:00)</th>
                <th>随机血压</p><p>(其他时间)</th>
            </tr>
            <tr>
                <td>90~160/10~90</td>
                <td>90~160/10~90</td>
                <td>90~160/10~90</td>
                <td>90~160/10~90</td>
            </tr>
            </thead>
        </table>
    </div>
    <div class="monitoring">
        <div class="monitorTitle">
            <h4>血压监控</h4>
        </div>
        <div id="BloodlinePic" style="height:290px;"></div>

        <div class="dateTime">
            <div class="datepicker">
                <label>日期：</label>
                <input type="text"  class="lay-date" placeholder="选择日期" onclick="laydate({istime: true, format: 'YYYY-MM-DD'})" readonly>
                &emsp;到&emsp;
                <input type="text"  class="lay-date" placeholder="选择日期" onclick="laydate({istime: true, format: 'YYYY-MM-DD'})" readonly>
            </div>
            <div class="form">
                <input type="radio" id="All" checked="checked" name="period" value="All">
                <label name="All" class="checked" for="All">全部</label>
                <input type="radio" id="Top" name="period" value="Top">
                <label name="Top" for="Top">晨峰</label>
                <input type="radio" id="afterMed" name="period" value="afterMed">
                <label name="afterMed" for="afterMed">药后</label>
                <input type="radio" id="beforeSleep" name="period" value="Top">
                <label name="beforeSleep" for="beforeSleep">睡前</label>
                <input type="radio" id="random" name="period" value="random">
                <label name="random" for="random">随机</label>

            </div>
            <div class="lineTable" >
                <table id="table"
                       data-toggle="table"
                       data-classes="table table-no-bordered"
                       data-url="data/data1.json"
                       data-height="180">
                    <thead>
                    <tr>
                        <th data-field="id">姓名</th>
                        <th data-field="name">Item Name</th>
                        <th data-field="price">Item Price</th>
                        <th data-field="status"  data-formatter="operateFormatter"></th>
                    </tr>
                    </thead>
                </table>
            </div>
        </div>

    </div>
    <div class="clearfix"></div>
    <div class="analysis">
        <div class="analysisTitle">
            <h4>血压分析</h4>
        </div>

        <table id="analysisOne">
            <thead>
                <tr>
                    <th rowspan="2"></th>
                    <th rowspan="2">测量次数</th>
                    <th rowspan="2">平均值</th>
                    <th colspan="6">测量状况</th>
                    <th colspan="6">血压变异性</th>
                </tr>
                <tr>
                    <th >正常</th>
                    <th >占比</th>
                    <th >偏高</th>
                    <th >占比</th>
                    <th >偏低</th>
                    <th >占比</th>
                    <th ><p>标准差</p><p>(SD)</p></th>
                    <th ><P>变异系数</P><p>(CV)</p></th>
                    <th ><p>标准差</p><p>(SD)</p></th>
                    <th ><P>变异系数</P><p>(CV)</p></th>
                    <th ><p>标准差</p><p>(SD)</p></th>
                    <th ><P>变异系数</P><p>(CV)</p></th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>收缩压（90~140）</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>舒张压（60~90）</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
            </tbody>
        </table>
        <table id="analysisTwo">
            <thead>
            <tr>
                <th rowspan="2"></th>
                <th rowspan="2">测量次数</th>
                <th rowspan="2">平均值</th>
                <th colspan="6">测量状况</th>
                <th colspan="6">血压变异性</th>
            </tr>
            <tr>
                <th >正常</th>
                <th >占比</th>
                <th >偏高</th>
                <th >占比</th>
                <th >偏低</th>
                <th >占比</th>
                <th ><p>标准差</p><p>(SD)</p></th>
                <th ><P>变异系数</P><p>(CV)</p></th>
                <th ><p>标准差</p><p>(SD)</p></th>
                <th ><P>变异系数</P><p>(CV)</p></th>
                <th ><p>标准差</p><p>(SD)</p></th>
                <th ><P>变异系数</P><p>(CV)</p></th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>收缩压（90~140）</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td>舒张压（60~90）</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td>收缩压（90~140）</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td>舒张压（60~90）</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            </tbody>
        </table>
        <table id="analysisThree">
            <thead>
            <tr>
                <th rowspan="2"></th>
                <th rowspan="2">测量次数</th>
                <th rowspan="2">平均值</th>
                <th colspan="6">测量状况</th>
                <th colspan="6">血压变异性</th>
            </tr>
            <tr>
                <th >正常</th>
                <th >占比</th>
                <th >偏高</th>
                <th >占比</th>
                <th >偏低</th>
                <th >占比</th>
                <th ><p>标准差</p><p>(SD)</p></th>
                <th ><P>变异系数</P><p>(CV)</p></th>
                <th ><p>标准差</p><p>(SD)</p></th>
                <th ><P>变异系数</P><p>(CV)</p></th>
                <th ><p>标准差</p><p>(SD)</p></th>
                <th ><P>变异系数</P><p>(CV)</p></th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>收缩压（90~140）</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td>舒张压（60~90）</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td>收缩压（90~140）</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td>舒张压（60~90）</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="end">
        <div class="endTitle">
            <h4>结束</h4>
            <div class="print">打印</div>
        </div>
        <div class="summary">
            <div class="summaryarea">
                <label>小节</label>
                <input type="text">
            </div>
            <div class="footer">
                <span>2012-12-25</span>
                <span>时间&nbsp;:</span>
                <span class="mgr">留院中心</span>
                <span>医生&nbsp;:</span>
            </div>
        </div>
    </div>
    <!--模态框-->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">请选择历史执行周期</h4>
                </div>
                <div class="modal-body">
                    <div class="datepicker">
                        <label>日期：</label>
                        <input type="text"  class="lay-date"  readonly id="aa">
                        &emsp;到&emsp;
                        <input type="text"  class="lay-date" readonly>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-success" data-dismiss="modal">保存</button>
                </div>
            </div>
        </div>
    </div>

</div>

<script>

function operateFormatter(value, row, index) {
    console.log(row);
    return [
            '<img src="ChronicImg/up.png" alt="">'
    ].join('');
}
</script>
</body>
</html>